<template>
  <div class="about">
    <h2>name:{{ $store.state.name }}</h2>
    <h2>level:{{ $store.state.level }}</h2>
    <h2>avatarUrl:{{ $store.state.avatarUrl }}</h2>
  </div>
</template>
<script>
// import { mapState } from 'vuex';

// export default {
//   data(){
//     return {
//       // name:"djasl"
//     }
//   },
//   computed:{
//     fullname(){
//       return "xxx"
//     },
//     ...mapState(["name","level","avatarUrl"]),
//     ...mapState({
//       sName: state => state.name,
//       sLevel: state => state.level
//     })

//   }
// }
</script>